<div class="top">
	<h2>Latest Documents</h2>
	<a href="#" class="pencil blue">edit</a>
</div>
<ul class="tabDoc title">
	<li class="column1"></li>
	<li class="column2">Name</li>
	<li class="column3">Library</li>
	<li class="column4">Modified Date</li>
	<li class="column5"></li>
</ul>

<div data-bind="foreach: Latest_documents">
	<ul class="tabDoc listDoc" >
		<li class="column1"><span class="type" data-bind='css: type'></span></li>
		<li class="column2"><span class="link" data-bind="text: Name"></span></li>
		<li class="column3"><span class="link" data-bind="text: Library"></span></li>
		<li class="column4" data-bind="text: ModDate"></li>
		<li class="column6"><a href="#" class="pencilEdit">edit</a></li>
	</ul>
</div>